<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>test2</title>
	<style type="text/css">
	.container{
		background: #87CEFA;
		position: absolute;
		width:400px;
		height:400px;
	}
	.box{
		position: absolute;
		margin: 20px;
	}
	.bg{
		background:#fff;
		opacity: 0.1;
		position: absolute;
		margin: 20px;
	}
	</style>
</head>
<body>
	<!-- 通过绝对定位一个重叠的div来做背景，设置透明制造玻璃效果。 -->
	<div class="container">
		<div class="box" style="width:360px; height:360px;">
			<div class="box" style="width:320px; height:320px;">
				<div class="box" style="width:280px; height:280px;">
					<div class="box" style="width:240px; height:240px;">
						<div class="box" style="width:200px; height:200px;">
							<div class="box" style="width:160px; height:160px;">
								<div class="box" style="width:120px; height:120px;">
									<div class="box" style="width:80px; height:80px;">
										<div class="box" style="width:40px; height:40px;"></div>
										<div class="bg" style="width:40px; height:40px;"></div>
									</div>
									<div class="bg" style="width:80px; height:80px;"></div>
								</div>
								<div class="bg" style="width:120px; height:120px;"></div>
							</div>
							<div class="bg" style="width:160px; height:160px;"></div>
						</div>
						<div class="bg" style="width:200px; height:200px;"></div>
					</div>
					<div class="bg" style="width:240px; height:240px;"></div>
				</div>
				<div class="bg" style="width:280px; height:280px;"></div>
			</div>
			<div class="bg" style="width:320px; height:320px;"></div>
		</div>
		<div class="bg" style="width:360px; height:360px;"></div>
	</div>
</body>
</html>